
@import url(./common.css);
/* 公共样式 */

/* head -  ---s-- */

.head  h4{
  color: #fff;
  font-size: 18px;
}
.oder {
display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-around;
    width: 100%;
	height: 43px;
	background-color: #ffffff;
}
.oder span {
    height: 14px;
    font-size: 15px;
    margin-right: 30px;
    color: #666666;
   
}
.oder span:nth-child(1) {
    color: #ff850d;
}

.oderinfo {
    width: 351px;
	height: 189px;
	background-color: #ffffff;
	border-radius: 4px;
    margin: 12px;
}

 .hd {
    display: flex;
    height: 60px;
    width: 100%;

  
}

.hd, .info {
    padding: 0 5px;
}



.oderinfo.hd span  {
    display: inline-block;
width: 30px;
height: 30px;

}
.oderinfo.hd span img {
    width: 100%;
}
  .hd   .info {
    display: flex;
    width: 300px;
    /* 设置Flex,必须要有宽度，这样才能去计算分配空间，否则无效！！ */
    justify-content: center;
    border-bottom: 1px solid #f7f7f7;
align-items: center;
justify-content: space-between;
/* between贴两边对齐！ */
/* 多少情况下这些一起调用! */
  }
  .info em {
    font-size: 14px;
    color: #666666;
  }

  .msg {
  
    width: 325px;
    height: 60px;
   
  }
.number,
 .number2
{
    display: flex;
   justify-content: space-between; 
   font-size: 14px;
   color: #999999;
   margin:10px 0 0px 40px
}
.pay {

    position: relative;
    height: 60px;
    font-size: 14px;
    color: #999999;
    /* background-color:skyblue; */
    
}

.pay i {
    font-weight: 550;
}
.pay span {
position: absolute;
right: 0;
top: 10px;
}





.pay a {
    position: absolute;
   bottom: 0px;
   right: 0px;
    display: block;
    color: #fca254;
    font-size: 12px;
    border: solid 1px #f57c00;
    width: 60px;
	height: 21px;
	border-radius: 2px;
}


